<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>17商城</title>
    <link type="text/css" href="css/css.css" rel="stylesheet" />
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script src="js/wb.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            $(".vipNav dd:first").show();
        })
    </script>
</head>

<body>
<div class="mianCont"id="app">
    <div class="top">
        <span>您好！欢迎来到好好吃商城</span>
        <span class="topRight">
    <a href="index.html">好好吃</a>&nbsp;|
    <a href="order.html">我的订单</a>&nbsp;|
    <a href="vip.html">会员中心</a>&nbsp;|
    <a href="contact.html">联系我们</a>
   </span>
    </div><!--top/-->
    <div class="lsg">
        <h1 class="logo"><a href="index.html"><img src="img/logo.png" width="217" height="90" /></a></h1>
        <form action="#" method="get" class="subBox">
            <div class="subBoxDiv">
                <input type="text" class="subLeft" id="sub"/>
                <input type="image" id="sublert2" src="img/subimg.png" width="63" height="34" class="sub" />
                <div class="hotWord">
                    热门搜索：
                    <a href="#">辣条</a>&nbsp;
                    <a href="#">大礼包</a> &nbsp;
                    <a href="#">手撕面包</a>&nbsp;
                    <a href="#">鸭脖</a>  &nbsp;
                    <a href="#">每日坚果</a> &nbsp;
                    <a href="#">芒果干</a>&nbsp;
                </div><!--hotWord/-->
            </div><!--subBoxDiv/-->
        </form><!--subBox/-->
        <div class="gouwuche">
            <div class="gouCar">
                <img src="img/gouimg.png" width="19" height="20" style="position:relative;top:6px;" />&nbsp;|&nbsp;
                <strong class="red">0</strong>&nbsp;件&nbsp;|
                <strong class="red">￥ 0.00</strong>
                <a href="order.html">去结算</a> <img src="img/youjian.jpg" width="5" height="8" />
            </div><!--gouCar/-->
            <div class="myChunlv">
                <a href="vip.html"><img src="img/mychunlv.jpg" width="112" height="34" /></a>
            </div><!--myChunlv/-->
        </div><!--gouwuche/-->
    </div><!--lsg/-->
    <div class="pnt">
        <div class="pntLeft">
            <h2 class="Title">所有商品分类
                <ul class="InPorNav">
                    <li><a href="product.html">镇店爆款</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods"  v-if="item.type=='镇店爆款'"@click="gooou(item.id)"  >{{item.goodsName}}</a>
                        </div>
                    </li>
                    <li><a href="product.html">量贩专区</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods"v-if="item.type=='量贩专区'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">坚果炒货</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods"v-if="item.type=='坚果炒货'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">肉类卤味</a>
                        <div class="chilInPorNav" id="roulei">
                            <a href="#" v-for="item in goods"v-if="item.type=='肉类卤味'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">干果蜜钳</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods"v-if="item.type=='干果蜜钳'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">糕点点心</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods" v-if="item.type=='糕点点心'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">方便素食</a>
                        <div class="chilInPorNav" >
                            <a href="#" v-for="item in goods"v-if="item.type=='方便素食'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                    <li><a href="product.html">冲饮茶饮</a>
                        <div class="chilInPorNav">
                            <a href="#" v-for="item in goods"v-if="item.type=='冲茶茶饮'"@click="gooou(item.id)">{{item.goodsName}}</a>
                        </div><!--chilLeftNav/-->
                    </li>
                </ul><!--InPorNav/-->
            </h2>
        </div><!--pntLeft/-->
        <div class="pntRight">
            <ul class="nav">
                <li><a href="index.html">商城首页</a></li>
                <li><a href="product.html">促销中心</a></li>
                <li><a href="vip.html">会员中心</a></li>
                <li><a href="help.html">帮助中心</a></li>
                <div class="clears"></div>
                <div class="phone">TEL：021-12345678</div>
            </ul><!--nav/-->
        </div><!--pntRight/-->
        <div class="clears"></div>
    </div><!--pnt/-->
    <div class="positions">
        当前位置：<a href="index.html">首页</a> &gt; <a href="vip.html">会员中心</a>
        &gt; <a href="#" class="posCur">我的收藏</a>
    </div><!--positions/-->
    <div class="cont">

        <div class="contRight">

            <h2 class="oredrName">
                我的收藏

            </h2>
            <table class="vipOrder" v-for="(item,index) in collect">
                <tr v-bind:id="'favor'+index">
                    <td><img v-bind:src="item.goodsImg" width="60" height="55"></a></td>
                    <td>{{item.goodsName}}</td>
                    <td>￥{{item.goodsPrice}}<br />{{item.goodsDetails}}</td>
                    <td>2014年6月23日11:32:17</td>
                    <td><a @click="chakan(item.goodsId)" class="green">查看</a><br /><a @click="del(item.id,index)" class="green">删除</a></td>

                </tr>

            </table><!--vipOrder/-->
           <!-- <br /> //分页
            <div class="scott"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div>
            <br />-->
        </div><!--contRight/-->
        <div class="clears"></div>
    </div><!--cont/-->
    <div class="inHelp">
        <div class="inHLeft">
            <h4>帮助中心</h4>
            <ul class="inHeList">
                <li><a href="help.html">购物指南</a></li>
                <li><a href="help.html">支付方式</a></li>
                <li><a href="help.html">售后服务</a></li>
                <li><a href="about.html">企业简介</a></li>
                <div class="clears"></div>
            </ul><!--inHeList/-->
        </div><!--inHLeft/-->
        <div class="inHLeft">
            <h4>会员服务</h4>
            <ul class="inHeList">
                <li><a href="reg.html">会员注册</a></li>
                <li><a href="login.html">会员登录</a></li>
                <li><a href="order.html">购物车</a></li>
                <li><a href="order.html">我的订单</a></li>
                <div class="clears"></div>
            </ul><!--inHeList/-->
        </div><!--inHLeft/-->
        <div class="inHRight">
            <h4>全国统一免费服务热线</h4>
            <div class="telBox">400-0000-0000</div>
            <div class="weibo">

            </div>
        </div><!--inHRight/-->
        <div class="clears"></div>
    </div><!--inHelp/-->
    <div class="footer">
        <p>
            <a href="http://www.schhc.com">好好吃官网</a>&nbsp;|&nbsp;
            <a href="index.html">商城首页</a>&nbsp;|&nbsp;
            <a href="product.html">促销中心</a>&nbsp;|&nbsp;
            <a href="order.html">我的订单</a>&nbsp;|&nbsp;
            <a href="https://news.sina.com.cn">新闻动态</a>&nbsp;|&nbsp;
            <a href="login.html">会员中心</a>&nbsp;|&nbsp;
            <a href="help.html">帮助中心</a>
        </p>
        <p>
            版权所有：上海17实业有限公司 版权所有  Copyright 2010-2015   沪ICP备00000000号
        </p>
    </div><!--footer/-->
</div><!--mianCont/-->
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript"src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/http.js"></script>
<script type="text/javascript">
    var app=new Vue({
        el:"#app",
        data:{
            goods:[],
            collect:[],
            dss:[]

        },
        methods:{
            gooou(id){
                $.cookie('name', id,{path:'/proinfo.html'});
                $(window).attr('location', 'proinfo.html');

            },
            chakan(id){
                $.cookie('name', id,{path:'/proinfo.html'});
                $(window).attr('location', 'proinfo.html');
            },
            del(id,index){
                $("#favor"+index).remove()
                $.ajax({
                    url:config.FAVOR_DELETEBYID,
                    type:"post",
                    dataType:"json",
                    data:{
                        "goodsId":id
                    },
                    success:function (data) {
                       alert("删除成功")

                    }
                })
            }
        }
    })

    $(document).ready(function () {


        $.ajax({
            url:config.GOODS_GETALL,
            type:"post",
            dataType:"json",
            data:{
            },
            success:function (data) {
                app.goods=data.data

            }
        })

       /* //登陆检查  收货人收获地址 电话号码
        $.ajax({
            url:config.USER_LOGINCHECK,
            type:"post",
            dataType:"json",
            data:{

            },
            success:function (data) {
                app.dss=data.data

               console.log(app.dss.xh)
            }
*/
       // })
        name=$.cookie('name');
        var data={
            "userXh":name
        }
        getApi(config.FAVOR_GETBYUSERID,data,function (res){
           app.collect=res.data
            console.log(app.collect)

        })

      /*  $.ajax({
            url:config.FAVOR_GETBYUSERID,
            type:"post",
            dataType:"json",
            data:{
                "userXh":"10086"
            },
            success:function (data) {
                    app.collect=data.data

                }

             })*/




    })
    $('#sublert2').click(function (){//搜索框

//通过ID查询商品
        $.ajax({
            url:config.GOODS_GETALL,
            type:"post",
            dataType:"json",
            data:{
                "value":$("#sub").val()
            },
            success:function (data) {

                if (data.data==""){
                    alert("没有此商品")
                }else {
                    var id=data.data[0].id;

                    $.cookie('name',id,{path:'/proinfo.html'});
                    $(window).attr('location', 'proinfo.html');
                }
            }
        })
    })

$("#chakan").click(function (){
    $.cookie('name',id,{path:'/proinfo.html'});
    $(window).attr('location', 'proinfo.html');
})
</script>
</body>
</html>